<template>
  <div id="home">
    <nav-bar class="home-nav">
      <div slot="center">购物街</div>
    </nav-bar>
    <h2>首页</h2>
  </div>
</template>

<script>
  import NavBar from "components/common/navbar/NavBar";
  import {getHomemultidata} from "network/home";

  export default {
    name: "Home",
    data(){
      return {
        banner:null,
        
      }
    },
    components:{
      NavBar,
    },
    created() {
      getHomemultidata().then(res=>{
        this.banner = res.data.banner.list
      })
    }
  }
</script>

<style scoped>
  .home-nav{
    background-color: var(--color-tint);
    color: #f6f6f6;
  }

</style>